<%@page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@  taglib prefix="custom" uri="/http://custom.tag"%>
<link href="${apliPath}static/css/default.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css"
	href="${apliPath}static/js/themes/metro-solidBlue/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="${apliPath}static/js/themes/icon.css" />
<script type="text/javascript"
	src="${apliPath}static/js/jquery-1.10.2.js"></script>
<script type="text/javascript"
	src="${apliPath}static/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${apliPath}static/js/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	$(function() {
		$("#showMenuResource").treegrid({
			url : '${apliPath}resource/queryMenuResourcesTree',
			idField : 'id',
			height : 550,
			treeField : 'text',
			fit : true,
			columns : [ [ {
				title : '资源名称',
				field : 'text',
				width : 180
			}, {
				field : 'type',
				title : '资源类型',
				width : 100,
				align : 'right'
			}, {
				field : 'code',
				title : '标识',
				width : 160
			}, {
				field : 'url',
				title : '链接',
				width : 180
			} ] ]
		});
		$("#showFunctionResource").treegrid({
			url : '${apliPath}resource/queryFuncResourcesTree',
			idField : 'id',
			treeField : 'text',
			animate : true,
			fit : true,
			columns : [ [ {
				title : '资源名称',
				field : 'text',
				width : 180
			}, {
				field : 'type',
				title : '资源类型',
				width : 100,
				align : 'right'
			}, {
				field : 'code',
				title : '标识',
				width : 160
			}, {
				field : 'url',
				title : '链接',
				width : 180
			} ] ]
		});
	});
</script>
<body class="easyui-layout" id="layoutBody">
	<div style="height:280"
		data-options="region:'north',border:false,height:280,title:'菜单资源'">
		<table id="showMenuResource">
		</table>
	</div>
	<div style="height:280"
		data-options="region:'center',border:false,height:280,title:'功能资源'">
		<table id="showFunctionResource">
		</table>
	</div>
</body>
